<script setup>
import CycleItem from './CycleItem.vue';
const props = defineProps({
  title: {type: String, required: true}
});
const renderData = [
  {
    children: [{ children: [{}, {}] }, { children: [{}, {children: [{}, {children: [{}, {}]}]}] }]
  }, {
    children: [{ children: [{}, {}] }, { children: [{}, {}] }]
  }
];
const renderTitle = `这里是 - ${props.title}`;
</script>

<template>
  <div class="container">
    <div class="title">{{renderTitle}}</div>
    <CycleItem v-if="renderData" :data="renderData" :floor="1" />
  </div>
</template>

<style scoped>
.container{
  padding: 0 20px;
}
.cycle-item{
  padding: 10px 5px 5px 5px; border: 1px solid red;
  font-size: 16px; line-height: 24px;
}
</style>
